$(function () {
    //在查询按钮上注册事件
    $("#content")
        .on("click",".btn-del",toDoDel)

        .on("click","#btn-add,.btn-update",doLodeEditPage);
    //页面加载完成时执行获取数据操作



})
function toDoDel() {
    console.log("del");
    let id = $(this).parent().parent().children(":first").text();
    console.log(id);
    if(id){
        console.log(id);
        doDelObjectById(id);
    }
}
function doDelObjectById(id) {
    let url = "/emp/toDel";
    let param = {id:id};
    $.get(url,param,function (){
        $("#content").empty();
        $("#content").load("emplist");
    })
}
function doLodeEditPage(){
    console.log("doLodeEditPage")
    //定义访问编辑页面的url地址
    let url = "/emp/toUpdate";
    let title;
    if($(this).hasClass("btn-add")){
        title="添加员工信息";
    }
    if($(this).hasClass("btn-update")){
        /*将获得的要修改记录的id值绑定到模态框上
         * 目的是根据模态框上绑定的id值判定要执行添加还是修改操作*/
        let idValue = $(this).parent().parent().children(":first").text();
        console.log("idValue:"+idValue);
        $("#modal-dialog").data("idKey",idValue);
        title="修改员工信息,id="+idValue;
    }
    //在模态框中异步加载显示编辑页面
    //模态框定义在index.jsp中，默认隐藏
    $("#modal-dialog .modal-body").load(url,
        function(){//页面加载完成时回调函数
            $(".modal-title").html(title);
            //页面加载完成显示模态框（show表示显示，hide表示隐藏）
            $("#modal-dialog").modal("show");
        });



}


$('#myModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget) // 触发模态框的按钮
    var recipient = button.data('whatever') // 从data- *属性中提取信息

    var modal = $(this)
    modal.find('.modal-title').text(recipient)

})